.shopping {
    width: 100%;
    background-color: white;

    .main {
        .header {
            width: 100%;
            height: 60px;
            background-color: rgb(37, 190, 236);
            display: flex;
            justify-content: space-between;
            align-items: center;

            .icon {
                width: 80px;
                margin-right: 10px;
                // height: 30px;
                // background-color: azure;
                display: flex;
                justify-content: space-between;
            }

            span {
                margin-left: 10px;
                font-size: 22px;
                font-weight: 500;
            }
        }

        margin: 0 auto;
        background-color: white;

        .img {
            width: 360px;
            height: 160px;
            display: flex;
            margin-top: 10px;

            // background-color: red;
            .my-swipe .van-swipe-item {
                color: #fff;
                font-size: 20px;
                line-height: 150px;
                text-align: center;


                img {
                    width: 348px;
                    height: 150px;
                    margin-top: 5px;
                    margin-left: 12px;
                    border-radius: 10px;
                }
            }

        }

        .nav {
            img {
                // margin-top: 5px;
                height: 25px;
                width: 25px;
            }

            span {
                padding-top: 10px;
                font-size: 12px;
            }
        }

        .goods {
            width: 100%;
            margin-top: -10px;
            // background-color: cadetblue;

            .tuijian {
                width: 100%;
                // background-color: chartreuse;
                display: flex;
                justify-content: space-between;

                .left {
                    width: 48%;
                    height: 200px;
                    background-color: rgb(182, 243, 255);
                    border-radius: 10px;
                    display: flex;

                    .txd-box {
                        margin-top: 15px;
                        margin-left: 8px;
                        width: 100px;
                        height: 130px;
                        background-color: rgb(182, 243, 255);

                        .icon {
                            margin-top: 5px;
                        }

                        .go {
                            margin-top: 30px;
                            height: 22px;
                            letter-spacing: 2px;
                            width: 50px;
                            text-align: center;
                            border-radius: 40px;
                            background-color: rgb(248, 248, 248);
                            line-height: 22px;
                        }
                    }

                    .txd {
                        height: 100px;
                        width: 40px;
                        background-color: rgb(182, 243, 255);

                        img {
                            height: 100px;
                            width: 40px;
                            margin-top: 50px;
                            opacity: 0.9;
                        }
                    }
                }

                .right {
                    width: 48%;
                    height: 200px;
                    background-color: rgb(182, 243, 255);


                    .right-top {
                        width: 100%;
                        height: 48%;
                        background-color: rgb(182, 243, 255);
                        border-radius: 10px;
                        display: flex;
                        position: relative;

                        .car-box {
                            margin-top: 15px;
                            margin-left: 8px;
                            width: 120px;
                            height: 70px;
                            background-color: rgb(182, 243, 255);

                            .icon {
                                margin-top: 5px;
                            }

                            .go {
                                margin-top: 10px;
                                height: 22px;
                                letter-spacing: 2px;
                                width: 50px;
                                text-align: center;
                                border-radius: 40px;
                                background-color: rgb(248, 248, 248);
                                line-height: 22px;
                            }
                        }

                        .car {
                            height: 40px;
                            width: 10px;
                            z-index: 2;
                            background-color: rgb(182, 243, 255);
                            position: absolute;
                            top: 40px;
                            right: 100px;

                            img {
                                height: 30px;
                                width: 100px;


                                opacity: 0.9;

                            }
                        }

                    }

                    .right-bottom {
                        width: 100%;
                        height: 48%;
                        margin-top: 4%;
                        background-color: #d5aefc;
                        border-radius: 10px;
                        display: flex;

                        .cup-box {
                            margin-top: 15px;
                            margin-left: 8px;
                            width: 100px;
                            height: 80px;
                            background-color: #d5aefc;

                            .icon {
                                margin-top: 5px;
                            }

                            .go {
                                margin-top: 10px;
                                height: 22px;
                                letter-spacing: 2px;
                                width: 50px;
                                text-align: center;
                                border-radius: 40px;
                                background-color: #ffffff;
                                line-height: 22px;
                            }
                        }

                        .cup {
                            height: 80px;
                            width: 30px;
                            background-color: #d5aefc;

                            img {
                                height: 45px;
                                width: 40px;
                                margin-top: 30px;
                                opacity: 0.9;
                            }
                        }

                    }

                }
            }

        }

        .hot {
            .shoppinglist {
                img {
                    height: 168px;
                    width: 168px;
                    border-radius: 12px;
                }

                span {
                    margin-top: 8px;
                    height: 20px;
                    width: 160px;
                    // background-color: aqua;
                }

                .pirce {
                    color: red;
                }
            }
        }

    }
}